<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <title>活动积分</title>
        <link rel="stylesheet" href="css/fullpage.css">
        <script src="js/jquery-3.4.1.js"></script>
        <script src="js/fullpage.js"></script>
        <link rel="stylesheet" href="css/mystyle.css">
		<style type="text/css">
			.zsy{
		    border: 0px solid #008ED6;
			width: auto;
			height: auto;
			}
			.imge{
				height: 386.8px;
				/* border: 1px solid #008ED6; */
			max-height:500px; max-width:550px;
			width: expression(this.width > 200 && this.width > this.height ? 200 : auto);
			height: expression(this.height > 200 ? 200 : auto);
			
			border-radius:7px
			}
			.imge0{
				height: 350px;
				/* border: 1px solid #008ED6; */
			max-height:350px; max-width:600px;
			width: expression(this.width > 200 && this.width > this.height ? 200 : auto);
			height: expression(this.height > 200 ? 200 : auto);
			
			border-radius:7px
			}
			.imge1{
			height:550px;
			
			max-height:550px; max-width:290px;
			width: expression(this.width > 200 && this.width > this.height ? 200 : auto);
			height: expression(this.height > 200 ? 200 : auto);
			
			border-radius:7px
			}
			.imge1-1{
			height:670px;
			max-height:670px; max-width:350px;
			width: expression(this.width > 200 && this.width > this.height ? 200 : auto);
			height: expression(this.height > 200 ? 200 : auto);
			
			border-radius:7px
			}
			
			.imge2{
		height: 300px;
			border: 5px solid #f3f3f3;
		max-height:300px; max-width:450px;
		width: expression(this.width > 200 && this.width > this.height ? 200 : auto);
		height: expression(this.height > 200 ? 200 : auto);
		margin: 0px 20px 0px 20px;
		border-radius:4px
			}
			
		</style>
	</head>
	
	<body>
        <div class="collaborative_office">
            <div class="section first_page" style="background:url(img/bg_5.jpg); ">
                <div class="dis_row">
                    <div class="title">
                        <h1>活动积分</h1>
						<p>活动积分是面向学校的一站式平台系统。
						<br/>其中包含丰富的积分类型：<br/>体育积分、美育积分、思政积分等</p>
                        <p>主要功能包括：</p>
                        <p>活动积分是面向学校的一站式平台系统 !</p>
                        <p>包括：活动统计、活动上报、活动审核<br/>积分兑换课程、积分排行榜等服务</p>
                        <!-- <buttom>欢迎试用</buttom> -->
                    </div>
                    <img src="img/bg44_exc1.png" alt=""  ">
					<!-- <img src="img/未标题-1-4.png" alt=""  "> -->
					
                </div>
            </div>
            <div class="section second_page">
				<div class="zsy">
					
				
                
			
				<img  class="imge" src="img/1-2.png" alt="" >
			<img class="imge0" src="img/1-0.png" alt=""  >
				<img  class="imge" src="img/1-1.png" alt="" >
				
				</div>
				
                <div class="title">
                    <p style="font-size:24px">PC教室端功能：<br/>活动成员导入、积分兑换设置、积分兑换配置与修改、活动增加与修改等</p>
             
                </div>
            </div>
			
			
			<div class="section second_page" style="background-color: #79B5D4;">
			    
				<div class="zsy">
					
				
				<img class="imge1" src="img/2-1.jpg" alt=""  >
				<img  class="imge1" src="img/2-2.jpg" alt="" >
		        <img  class="imge1-1" src="img/2-0.png" alt=""  >
				<img  class="imge1" src="img/2-3.jpg" alt="" >
				<img  class="imge1" src="img/2-4.jpg" alt="" >
				
				</div>
				
				
				
			    <div class="title">
			        <p style="font-size:24px">手机端功能：<br/>
			        活动报名、活动修改、活动查看、添加活动等</p>
			    </div>
			</div>
			<div class="section second_page"">
			    <div class="zsy">
			    	
			    
			    <img class="imge2" src="img/3-1.png" alt=""  >
			    			
			    <img  class="imge2" src="img/3-2.png" alt="" >
			    			
			    <img  class="imge2" src="img/3-3.png" alt="" >
			    
			    </div>
			    <div class="title">
			        <p style="font-size:24px">学生端功能：<br/>积分明细查看、课程兑换记录、兑换课程、积分排名等、</p>
			      
			    </div>
			</div>
            <div class="section brace_second_page">
	            <img src="img/lianxi-exc.png" alt="" style="width:100%;height:100%">
	        </div>
        </div>
    </body>
    <script>
        $('#fullpage').fullpage(); 
        $(".collaborative_office").fullpage({
            controlArrows:false,
            navigation:true,
       });
    </script>
</html>
